<template>
  <el-tabs type="border-card">
    <el-tab-pane>
      <el-table
        border
        stripe
        :data="tableData"
        style="width: 100%"
        :highlight-current-row="true"
        :header-cell-style="{ background: '#ededed', color: '#333' }"
      >
        <el-table-column prop="assets" width="350" align="left" label="项目" />
        <el-table-column
          prop="numberRow1"
          width="50"
          align="center"
          label="行次"
        />
        <el-table-column
          prop="equity"
          width="350"
          align="left"
          label="本年累计金额"
        />
        <el-table-column
          prop="numberRow"
          width="100"
          align="center"
          label="本期金额"
        />
      </el-table>
    </el-tab-pane>
  </el-tabs>
</template>

<script>
  export default {
    name: 'flow',
    data() {
      return {
        tableData: [
          {
            assets: '一、经营活动产生的现金流量',
            equity: '',
            numberRow1: '',
            numberRow: '',
          },
          {
            assets: '',
            equity: '',
            numberRow1: '1',
            numberRow: '',
          },
          {
            assets: '',
            equity: '',
            numberRow1: '2',
            numberRow: '',
          },
          {
            assets: '',
            equity: '',
            numberRow1: '3',
            numberRow: '',
          },
          {
            assets: '',
            equity: '',
            numberRow1: '4',
            numberRow: '',
          },
          {
            assets: '',
            equity: '',
            numberRow1: '5',
            numberRow: '',
          },
          {
            assets: '',
            equity: '',
            numberRow1: '6',
            numberRow: '',
          },
          {
            assets: '',
            equity: '',
            numberRow1: '7',
            numberRow: '',
          },
          {
            assets: '',
            equity: '',
            numberRow1: '8',
            numberRow: '',
          },
          {
            assets: '',
            equity: '',
            numberRow1: '9',
            numberRow: '',
          },
          {
            assets: '',
            equity: '',
            numberRow1: '10',
            numberRow: '',
          },
          {
            assets: '二、投资活动产生的现金流量',
            equity: '',
            numberRow1: '',
            numberRow: '',
          },
          {
            assets: '',
            equity: '',
            numberRow1: '11',
            numberRow: '',
          },
          {
            assets: '',
            equity: '',
            numberRow1: '12',
            numberRow: '',
          },
          {
            assets: '',
            equity: '',
            numberRow1: '13',
            numberRow: '',
          },
          {
            assets: '',
            equity: '',
            numberRow1: '14',
            numberRow: '',
          },
          {
            assets: '',
            equity: '',
            numberRow1: '15',
            numberRow: '',
          },
          {
            assets: '',
            equity: '',
            numberRow1: '16',
            numberRow: '',
          },
          {
            assets: '',
            equity: '',
            numberRow1: '17',
            numberRow: '',
          },
          {
            assets: '',
            equity: '',
            numberRow1: '18',
            numberRow: '',
          },
          {
            assets: '',
            equity: '',
            numberRow1: '19',
            numberRow: '',
          },
          {
            assets: '',
            equity: '',
            numberRow1: '20',
            numberRow: '',
          },
          {
            assets: '',
            equity: '',
            numberRow1: '21',
            numberRow: '',
          },
          {
            assets: '',
            equity: '',
            numberRow1: '22',
            numberRow: '',
          },
          {
            assets: '三、筹资活动产生的现金流量',
            equity: '',
            numberRow1: '',
            numberRow: '',
          },
          {
            assets: '',
            equity: '',
            numberRow1: '23',
            numberRow: '',
          },
          {
            assets: '',
            equity: '',
            numberRow1: '24',
            numberRow: '',
          },{
            assets: '',
            equity: '',
            numberRow1: '25',
            numberRow: '',
          },
          {
            assets: '',
            equity: '',
            numberRow1: '26',
            numberRow: '',
          },
          {
            assets: '',
            equity: '',
            numberRow1: '27',
            numberRow: '',
          },
          {
            assets: '',
            equity: '',
            numberRow1: '28',
            numberRow: '',
          },
          {
            assets: '',
            equity: '',
            numberRow1: '29',
            numberRow: '',
          },
          {
            assets: '',
            equity: '',
            numberRow1: '30',
            numberRow: '',
          },
          {
            assets: '',
            equity: '',
            numberRow1: '31',
            numberRow: '',
          },
          {
            assets: '四、汇率变动对现金及现金等价物的影响',
            equity: '',
            numberRow1: '32',
            numberRow: '',
          },
          {
            assets: '五、现金及现金等价物净增加额',
            equity: '',
            numberRow1: '33',
            numberRow: '',
          },
          {
            assets: '加：期初现金及现金等价物的余额',
            equity: '',
            numberRow1: '34',
            numberRow: '',
          },
          {
            assets: '六、期末现金及现金等价物余额',
            equity: '',
            numberRow1: '35',
            numberRow: '',
          },
        ],
      };
    },
  };
</script>

<style scoped lang="scss">
  .el-table::v-deep th {
    text-align: center !important;
  }
  .el-table::v-deep .el-table__row:first-child td.is-left,
  .el-table::v-deep .el-table__row:first-child td.is-left .cell {
    padding-left: 2px !important;
  }
  .el-table::v-deep .el-table__row td.is-left {
    padding-left: 10px !important;
  }
  .el-table::v-deep .el-table__row:last-child td.is-left {
    padding-left: 20px !important;
  }
</style>
